%textInput {
  transition: 0.2s ease-in-out;
  transition-property: background, border, box-shadow;
  resize: vertical;
  outline: 0;
  border-radius: var(--border-radius);
  border: 2px solid var(--input-border-color);
  background: var(--input-background);
  color: var(--input-color);
  font-family: var(--font-monospace);
  line-height: 1.4;
  max-height: 200px;

  &::-moz-selection {
    background: var(--color-primary-opacity-70);
  }

  &::selection {
    background: var(--color-primary-opacity-70);
  }

  &:focus {
    border: 2px solid var(--color-primary);
  }

  &:disabled {
    color: var(--color-grey);
    background: var(--background-light);
  }
}
